<template>
  <div>
    <el-button type="primary" @click="handleClick()">弹框</el-button>
    <bs-dialog v-model="visible" title="测试标题" :width="500" :confirm-btn-fn="handleConfirm">
      <div style="padding: 16px; height: 300px">测试内容</div>
    </bs-dialog>
    <bs-select multiple v-model="selectValue">
      <bs-option v-for="(item, index) in options" :value="item.value" :label="item.label" :key="index"></bs-option>
    </bs-select>
  </div>
</template>
<script lang="ts" setup>
import BsDialog from '@/components/BsDialog.vue'
import BsSelect from '@/components/select/BsSelect.vue'
import BsOption from '@/components/select/BsOption.vue'
import {ref} from 'vue'

const  selectValue = ref<any[]>(['1'])
const options = [
  {
    value: '1',
    label: '选项1'
  },
  {
    value: '2',
    label: '选项2'
  },
  {
    value: '3',
    label: '选项3'
  }
]

const visible = ref(false)
const handleClick = () => {
  visible.value = true
}
const handleConfirm = () => {
  console.log('点击确定')
  return false
}
</script>